{include file="public/header"}
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>审核管理</title>
    <link rel="stylesheet" type="text/css" href="__CSS__/tt.css" />
    <style>
        html,body {
            width: 100%;
            background:rgba(238,238,238,1);
        }

        .container{
            padding-top:30px;
            padding-bottom:94px;
        }


        .box{
            width:1200px;
            height:auto;
            margin: 0 auto;
            padding-bottom:10px;
            background-color:#FFFFFF;
        }

        .box_1{
            padding-left:30px;
            padding-right:30px;
            height: 66px;
        }


        table{
            width:100%;
            padding-left:30px;
            padding-right:30px;
            text-align:left;
            border-spacing:0;
            color:#666666;
            font-size:12px;
        }

        th{
            max-width:50px;
            height:50px;
            line-height:20px;
            background-color:#F7F7F7;
            word-wrap:break-word;
            /*padding-left: 2px;*/
            /*padding-right: 2px;*/
        }
        th:nth-child(1){
            /*padding-left:30px;*/
        }
        th:nth-child(14){
            max-width:90px;
        }

        td{
            max-width:50px;
            height:50px;
            line-height:20px;
            border-bottom:1px solid #E9E9E9;
            word-wrap:break-word;
        }
        td:nth-child(1){
            /*padding-left:30px;*/
        }

        td:nth-child(13){
            max-width:90px;
        }

        .name111{
            width:24px;
            font-size:12px;
            font-weight:400;
            color:rgba(0,101,240,1);
            margin-right:7px;
            cursor: pointer;
        }

        .xia{

            font-weight:600;
            color:rgba(51,51,51,1);

        }


        .pagination{
            /*height: 28px !important;*/
            /*line-height:28px;*/
            /*margin-top:30px;*/
            /*padding-right:33px;*/
            color:#999;
            font-size:12px;
        }
        .pagination div{
            margin-left:5px;
            margin-right:5px;
        }
        .pagination div:nth-child(2){
            margin-right:15px;
        }
        .pagination div:nth-child(6){
            color:#282828;
        }
        .pagination div:nth-child(8){
            margin-left:15px;
        }
        .borderr{
            height:28px;
            width:28px;
            text-align:center;
            border-radius:2px;
            border:1px solid #F2F2F2;
        }
        .border_active{
            color:#FFFFFF;
            font-size:12px;
            background-color:#0065F0;
            height:28px;
            width:28px;
            text-align:center;
            border-radius:2px;
        }


        .box_1Name{
            color: #4A4A4A;
            width:56px;
            font-size:14px;
            font-weight:400;
            line-height:66px;
            padding-right: 30px;
        }

        .inputttt{
            margin-top:19px;
            width:230px;
            height:28px;
            background:rgba(255,255,255,1);
            border-radius:3px;
            border:1px solid rgba(244,244,244,1);
            color:rgba(204,204,204,1);
            font-size:12px;
        }

        .inputrenwu {
            padding-left: 11px;
            box-sizing: border-box;
            display: inline-block !important;
            width: 200px !important;
            height: 28px !important;
            outline: none;
            border-width: 0;
        }

        .inputtttImg{
            width: 16px;
            height: 16px;
            margin-top:6px;
            margin-left:5px;
        }


        .select {
            margin-right: 20px;
            width: 160px;
            height: 34px;
            border-radius: 3px;
            border: 1px solid #cccccc;
            display: flex;
            padding-left: 10px;
            box-sizing: border-box;
            line-height: 34px;
            color: #666666;
            font-size: 12px;
            position: relative;
        }

        .sanjiao_wrap {
            width: 32px;
            height: 32px;
            border-left: 1px solid #CCCCCC;
            /* border-radius: 3px; */
            position: absolute;
            right: 0;
            top: 0;
        }
        .sanjiao1 {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 8px;
            height: 8px;
            transform: translate(-50%, -50%);
        }
        .outerr,.outerr2,.outerr3{
            width: 120px;
            margin-top: 19px;
            margin-left: 60px;
            position: relative;
        }
        .selectttt1,.selectttt,.selectttt22{
            width: 120px;
            height: 28px;
            background: #FFFFFF;
            border-radius: 3px;
            border: 1px solid rgba(204, 204, 204, 0.2985);
        }
        .select-active{
            border:1px solid rgba(0,101,240,0.4);
            box-shadow:0px 0px 6px 0px rgba(0,101,240,0.6);
        }
        .line-active{
            border-right:1px solid rgba(0,101,240,0.4)!important;
        }
        .innerr,.innerr1,.innerr2{
            display: none;
            width:120px;
            margin-top:4px;
            background:#fff;
            box-shadow:0px 0px 6px 0px rgba(0,101,240,0.6);
            border-radius:3px;
            position: absolute;
            z-index: 999;
        }
        .optionn{
            line-height:26px;
            padding-left:16px;
            font-size:12px;
            color:#999;

        }
        .optionn:hover{
            background:#0065F0;
            color:#fff;
        }
        .option-active{
            background:#0065F0;
            color:#fff;
        }

        .selecttttName {
            font-size: 12px;
            font-weight: 400;
            color: rgba(51, 51, 51, 1);
            line-height: 28px;
            background: #FFFFFF;
            margin-left: 8px;
            border-right:1px solid rgba(204, 204, 204, 0.2985);
        }

        /*.selectttt{*/
        /*margin-top:19px;*/
        /*margin-left:60px;*/
        /*width:120px;*/
        /*height:28px;*/
        /*background:#FFFFFF;*/
        /*border-radius:3px;*/
        /*border:1px solid rgba(204,204,204,0.2985);*/
        /*}*/

        .selecttttName,.selecttttName1,.selecttttName2{
            font-size:12px;
            font-weight:400;
            color:rgba(51,51,51,1);
            line-height: 28px;
            background:#FFFFFF;
            margin-left:5px;
        }

        .selecttttImg{
            width: 26px;
            height: 28px;

        }

        .selectttt2{
            margin-top:19px;
            margin-left:30px;
            width:68px;
            height:28px;
            background:rgba(0,101,240,1);
            border-radius:3px;
            text-align: center;
            line-height:28px;
            font-size:12px;
            font-weight:400;
            color:rgba(255,255,255,1);
        }

        .selectttt3{
            margin-top:19px;
            width:100px;
            height:28px;
            line-height:28px;
            font-size:12px;
            font-weight:400;
            color:rgba(255,255,255,1);
            background:rgba(247,247,247,1);
            border-radius:3px;
            border:1px solid rgba(217,217,217,1);
            text-align: center;
            color: #999999;
        }
        .item4_middle {
            flex: 1;
            position: relative;
            display: flex;
        }
        .select {
            margin-right: 20px;
            width: 160px;
            height: 34px;
            border-radius: 3px;
            border: 1px solid #cccccc;
            display: flex;
            padding-left: 10px;
            box-sizing: border-box;
            line-height: 34px;
            color: #666666;
            font-size: 12px;
            position: relative;
        }
        .select .option {
            flex: 1;
        }
        .sanjiao_wrap {
            width: 32px;
            height: 32px;
            border-left: 1px solid #CCCCCC;
            /*border-radius:3px;*/
            position: absolute;
            right: 0;
            top: 0;
        }
        .sanjiao2 {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 8px;
            height: 8px;
            transform: translate(-50%, -50%);
        }
        .alloption {
            display: none;
            background: #ffffff !important;
            z-index: 999;
            padding-left: 0px;

            box-sizing: border-box;
            position: absolute;
            left: 0;
            top: 36px;
            border: 1px solid #eeeeee;
            height: auto;
            box-shadow:0px 0px 6px 0px rgba(0,101,240,0.6);
            width: 160px;
            overflow-y: scroll;
            max-height:256px;
        }
        .everyoption {
            text-indent: 10px;
            height: 32px;
            line-height: 32px;
            font-size: 12px;
            color: #999999;
        }
        .everyoption:hover{
            background: #0065F0;
            color: #ffffff;

        }
        .hidden{
            display: none
        }
    </style>
    <style>
        .header1{

            width:108px;
            text-align: center;
            color: #666666;
            line-height: 50px;
        }
        label{
            display:inline-block;
            height:50px;
            line-height:50px;
            text-align:center;
            position: relative;
        }
        label input{
            width: 1px;
            height: 1px;
            vertical-align: bottom;
            opacity: 0;
        }
        .spot{
            display:inline-block;
            width:14px;
            height:14px;
            position: absolute;
            top:50%;
            transform: translate(0,-50%);
            transform:translate(0,-50%);
            -ms-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            left:20px;
            z-index:5;
            border-radius: 50%;
            background:rgba(255,255,255,1);
            border:1px solid rgba(217,217,217,1);
        }
        .spot2{
            left:50%;
            top:50%;
            transform:translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);

        }
        input:checked + .spot{
            background:url("__IMG__/radio.png") no-repeat;  /*选中后的样式图片*/
            background-size:14px;
            border:0px solid rgba(217,217,217,1);
        }
        .piliang{
            /*position: absolute;*/
            /*right: 30px;*/
            /*top:50%;*/
            width:100px;
            height:28px;
            background:rgba(247,247,247,1);
            border-radius:3px;
            border:1px solid rgba(217,217,217,1);
            text-align: center;
            line-height: 28px;
            color: #999999;
            z-index: 5;
            float: right;
        }
        /*审核管理后面的*/
        .fullImg{
            width:14px;
            height:14px;
            margin-right:4px;
        }
        .btnItem{
            font-size:0.6rem;
            color:#fff;
            margin-right:30px;
        }
        .allBtn{
            -webkit-appearance:none;
            -moz-appearance:none;
            width:20px;
            height:20px;
            background:url(__IMG__/unselect_btn.png) no-repeat center center;
            background-size:100% 100%;
            border:0;
            box-sizing: border-box;
            margin-right:4px;
            outline: 0;
        }
        .allBtn:checked{
            -webkit-appearance:none;
            -moz-appearance:none;
            width:20px;
            height:20px;
            background:url(__IMG__/select_btn.png) no-repeat center center;
            background-size:100% 100%;
            border:0;
            box-sizing: border-box;
        }
        .allCheck{
            width:100px;
            height:30px;
            line-height: 30px;
            text-align: center;
            font-size:12px;
            color:#9C9C9C;
            background:rgba(247,247,247,1);
            border-radius:2px;
            border:1px solid rgba(217,217,217,1);
            cursor: pointer;
        }
        .tt_top33{
            padding-right:30px;
            align-items: center;
        }
        .tt_top3Name{
            font-size:14px;
            color:#fff;
        }
    </style>
</head>
<body>
<a name="miao"></a>
<div class="tt_top3">
<div class="tt_top33 flex-wrap">
    <div class="tt_top3Name">审核管理</div>
    <div class="flex-con"></div>
    <img src="__IMG__/full_screen.png" alt="" class="fullImg">
    <div class="btnItem quanping">全屏</div>
    <input type="checkbox" class="allBtn" name="idsall" value="0" onclick="isallchoose()">
    <div class="btnItem">全选</div>
    <div class="allCheck" onclick="bigdo();">批量审核</div>
    <div class="allCheck" onclick="location.href = '/shop/Reasons/reasons';" style="margin-left: 20px;">拒绝原因</div>
</div>
</div>
<div class="container">
    <div class="box">
        <!--切换一次性和分步骤 start-->
        <style>
            .content_pic {
                width: 1200px;
                background-color: #fff;
                border-radius: 3px;
                margin: 0 auto;

            }
            .base {
                width: 100%;
                height: 42px;
                line-height: 42px;
                text-align: left;
                padding-left: 30px;
                padding-right: 30px;
            }

            .color999 {
                font-size: 14px;
                color: #999999;
                font-weight: normal;
                border-top: 3px solid #FFF;
                cursor: pointer;
            }
            .ling {
                width: 92px;
                height: 100%;
                text-align: center;
                font-size: 14px;
                color: #333;
                /*font-weight: 600;*/
                line-height: 40px;
                border-top: 3px solid #FFF;
                box-sizing: border-box;
                cursor: pointer;
            }
            .color333 {
                font-size: 14px;
                color: #333333;
                border-top: 3px solid #0065F0;
                font-weight: 600;
            }
            .base>div:first-child {
                float: left;
                width: 110px;
                height: 42px;
                /*border-top: 3px solid #0065F0;*/
                border-right: 1px solid #F4F4F4;
                border-bottom: 1px solid #F4F4F4;
                box-sizing: border-box;
                position: relative;
                line-height: 40px;
                border-radius: 3px;
            }

            .base>div:nth-child(2) {
                float: left;
                width: 92px;
                height: 42px;
                text-align: left;
                box-sizing: border-box;
                border-right: 1px solid #F4F4F4;

            }
            .base>div:nth-child(3) {
                float: left;
                /*width: 1016px;减去60*/
                width: 956px;
                height: 42px;
                box-sizing: border-box;
                text-align: right;
                border-bottom: 1px solid #F4F4F4;
                font-size: 14px;
                cursor: pointer;
            }
        </style>
        <div class="content_pic">
            <div class="base">
                <div class="color999 {if $fen == 1}color333{/if}" onclick="location.href = '/shop/Check/checkPage?pic=2&fen=1';">一次可完成任务</div>
                <div>
                    <div class="ling {if $fen == 2}color333{/if}" onclick="location.href = '/shop/Check/checkPage?pic=2&fen=2';">分步骤任务</div>
                </div>
                <div onclick="location.href = '/shop/Check/checkPage?pic=1&fen='+{$fen};">切换样式</div>
            </div>
        </div>
        <!--切换一次性和分步骤 end-->
        <form id="alls">
            <div class="box_1 flex-wrap">
                <div class="box_1Name">任务名称</div>
                <div class="inputttt flex-wrap">
                    <input type="text" class="inputrenwu" name="search[]" value="{$search.0?:''}" placeholder="搜索任务名称">
                    <img src="__IMG__/search.png" class="inputtttImg"/>
                </div>

                <div class="outerr">
                    <div class="selectttt flex-wrap">
                        <div class="selecttttName flex-con">{$search.1 ? $types[$search[1]]:'全部'}</div>
                        <img src="__IMG__/select.png" class="selecttttImg" onclick="selectclick(0)" />
                    </div>
                    <div class="innerr" id="innerr">
                        <div class="optionn {$search.1 ? '' : 'option-active'}" value="">全部</div>
                        <div class="optionn {$search.1==1 ? 'option-active' : ''}" value="1">待审核</div>
                        <div class="optionn {$search.1==2 ? 'option-active' : ''}" value="2">已通过</div>
                        <div class="optionn {$search.1==3 ? 'option-active' : ''}" value="3">已拒绝</div>
                        <div class="optionn {$search.1==4 ? 'option-active' : ''}" value="4">已领取</div>
                        <div class="optionn {$search.1==5 ? 'option-active' : ''}" value="5">已结束</div>
                        <div class="optionn {$search.1==6 ? 'option-active' : ''}" value="6">已取消</div>
                        <div class="optionn {$search.1==7 ? 'option-active' : ''}" value="7">已超时</div>
                    </div>
                    <!--状态塞值start-->
                    <input type="hidden" id="search1" name="search[]" value="{$search.1?:''}" />
                    <input type="hidden" id="search2" name="search[]" value="{$search.2?:''}" />
                    {if $fen == 2}
                    <input type="hidden" id="search3" name="search[]" value="{$search.3?:''}" />
                    {/if}
                    <!--状态塞值 end-->
                </div>
                <div class="outerr2">
                    <div class="selectttt1 flex-wrap">
                        <div class="selecttttName1 flex-con">{$search.2 ? $actsss[$search[2]]:'全部任务'}</div>
                        <img src="__IMG__/select.png" class="selecttttImg" onclick="selectclick1()" />
                    </div>
                    <div class="innerr1 hidden"  id="innerr1">
                        <div class="optionn {$search.2 ? '' : 'option-active'}" value="">全部任务</div>
                        <div class="optionn {$search.2==1 ? 'option-active' : ''}" value="1">普通任务</div>
                        <div class="optionn {$search.2==2 ? 'option-active' : ''}" value="2">活动任务</div>
                        {if $fen == 1}
                        <div class="optionn {$search.2==3 ? 'option-active' : ''}" value="3">达人任务</div>
                        {/if}
                    </div>
                </div>
                {if $fen == 2}
                <div class="outerr3">
                    <div class="selectttt22 flex-wrap">
                        <div class="selecttttName2 flex-con">{$search.3 ? $five[$search[3]]:'所有'}</div>
                        <img src="__IMG__/select.png" class="selecttttImg" onclick="selectclick2()" />
                    </div>
                    <div class="innerr2 hidden"  id="innerr2">
                        <div class="optionn {$search.3 ? '' : 'option-active'}" value="">所有</div>
                        <div class="optionn {$search.3==1 ? 'option-active' : ''}" value="1">第一步</div>
                        <div class="optionn {$search.3==2 ? 'option-active' : ''}" value="2">第二步</div>
                        <div class="optionn {$search.3==3 ? 'option-active' : ''}" value="3">第三步</div>
                        <div class="optionn {$search.3==4 ? 'option-active' : ''}" value="4">第四步</div>
                        <div class="optionn {$search.3==5 ? 'option-active' : ''}" value="5">第五步</div>
                    </div>
                </div>
                {/if}
                <div class="selectttt2 hand_icon" id="search">确定</div>
                <!--<div class="selectttt3" style="cursor: pointer;position: absolute;right: 100px" onclick="bigdo();">批量审核</div>-->
            </div>
        </form>

        <style>
            .box_2{
                width:100%;
                padding:0 34px 0 35px;
                box-sizing: border-box;
                font-size:0;
            }
            .imgBox{
                width:153px;
                height:185px;
                font-size:0;
                box-shadow:0px 2px 5px 0px rgba(58,58,58,0.19);
                border-radius:2px;
                position: relative;
                display: inline-block;
                margin-right:10px;
                margin-bottom:15px;
            }
            .imgBox:nth-child(7n){
                margin-right:0;
            }
            .screenImg{
                width:153px;
                height:153px;
                margin:0;
                padding:0;
            }
            .infoBox{
                width:100%;
                height:32px;
                padding-left:4px;
                padding-right:9px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                box-sizing: border-box;
            }
            .chooseBtn{
                -webkit-appearance:none;
                -moz-appearance:none;
                width:20px;
                height:20px;
                background:url(__IMG__/unselect_btn.png) no-repeat center center;
                background-size:100% 100%;

                outline: none;
                margin:0;
                box-sizing: border-box;
            }
            .chooseBtn:checked{
                -webkit-appearance:none;
                -moz-appearance:none;
                width:20px;
                height:20px;
                background:url(__IMG__/select_btn.png) no-repeat center center;
                background-size:100% 100%;
                border:0;
                box-sizing: border-box;
            }
            .icon{
                width:13px;
                height:15px;
            }
            .typeName{
                font-size:12px;
                color:#333;
            }
            .statusBtn{
                width:53px;
                height:21px;
                line-height: 21px;
                text-align: center;
                border-radius:10px;
                font-size:10px;
                color:#fff;
                font-weight:600;
            }
            .status1{  /*待审核*/
                background:linear-gradient(318deg,rgba(255,123,54,1) 0%,rgba(255,183,122,1) 100%);
            }
            .status2{ /*已拒绝*/
                background:linear-gradient(318deg,rgba(174,182,203,1) 0%,rgba(202,207,216,1) 100%);
            }
            .status3{ /*已通过*/
                background:linear-gradient(318deg,rgba(28,146,251,1) 0%,rgba(99,207,255,1) 100%);
            }
            .moreImg{
                width:17px;
                height:3px;
            }
            .selectBox{
                width:104px;
                height:135px;
                padding:0 7px;
                position: absolute;
                left:43px;
                bottom:-133px;
                background:#fff;
                box-shadow:2px 2px 15px 0px rgba(58,58,58,0.19);
                border-radius:4px;
                box-sizing: border-box;
                z-index:999;
            }
            .selectItem{
                width:100%;
                height:33px;
                line-height: 33px;
                text-align: center;
                font-size:12px;
                color:#313131;
                border-bottom:1px solid #eee;
                cursor: pointer;
            }
        </style>
        <div class="box_2">
            <div class="dddddd hidden" style="height: 10px;"></div>
            {foreach name="data" item="vo"}
            <div class="imgBox">
                <img src="{$vo.tu_image ?: '__IMG__/default.png'}" alt="" class="screenImg">
                <div class="infoBox">
                    {if $vo.tu_task_active==3}
                    <input type="checkbox" class="chooseBtn" data-price="{$vo.task_status!=2 ? $vo.task_price-$vo.task_super_first_money-$vo.task_super_admin_money : 0}" name="ids" value="{$vo.tu_id}" onclick="onecheck(this);" />
                    {else /}
                    <input type="checkbox" class="chooseBtn" data-price="{$vo.task_status!=2 ? $vo.task_price : 0}" name="ids" value="{$vo.tu_id}" onclick="onecheck(this);" />
                    {/if}
                    <img src="__IMG__/query.png" alt="" class="icon">
                    <div class="typeName">{$tasktypes[$vo.task_type]|mb_substr=0,6}</div>
                    {if $vo.tu_status == 1}
                    <div class="statusBtn status1">{$types[$vo.tu_status]?:''}</div>
                    {elseif $vo.tu_status == 2 /}
                    <div class="statusBtn status3">{$types[$vo.tu_status]?:''}</div>
                    {else /}
                    <div class="statusBtn status2">{$types[$vo.tu_status]?:''}</div>
                    {/if}
                    <img src="__IMG__/more.png" alt="" class="moreImg" data-ji="1" style="line-height:21px;padding:10px 0;">
                </div>
                <div class="selectBox hidden">
                    <div class="selectItem" onclick="location.href = '/shop/Check/checkDetail?tu_id='+{$vo.tu_id};">详情</div>
                    {if $vo.tu_status == 1}
                    <div class="selectItem oneagree" data-id="{$vo.tu_id}">通过</div>
                    <div class="selectItem onerefuse" data-id="{$vo.tu_id}">拒绝</div>
                    <!---->
                    <div class="selectItem" style="color: #CCC">删除</div>
                    {/if}
                    {if $vo.tu_status != 1 && $vo.tu_status != 3}
                    <div class="selectItem del" data-id="{$vo.tu_id}">删除</div>
                    <!---->
                    <div class="selectItem" style="color: #CCC">通过</div>
                    <div class="selectItem" style="color: #CCC">拒绝</div>
                    {/if}
                </div>
            </div>
            {/foreach}
            <!--<table>-->
                <!--<tr>-->
                    <!--<th>-->
                        <!--<label class="header1" onclick="isallchoose()"><input type="checkbox" name="idsall" value="0"><i class="spot"></i>全选</label>-->
                    <!--</th>-->
                    <!--<th>序号</th>-->
                    <!--<th>任务编号</th>-->
                    <!--<th>任务类别</th>-->
                    <!--<th>任务奖励/平台币</th>-->
                    <!--<th>任务名称</th>-->
                    <!--<th>任务分类</th>-->
                    <!--<th>领取用户</th>-->
                    <!--<th>图片</th>-->
                    <!--<th>领取时间</th>-->
                    <!--<th>提交时间</th>-->
                    <!--<th>状态</th>-->
                    <!--<th>备注</th>-->
                    <!--<th>审核时间</th>-->
                    <!--<th>操作</th>-->
                <!--</tr>-->
                <!--{if condition="!$data->isEmpty()"}-->
                <!--{foreach name="data" item="vo"}-->
                <!--<tr>-->
                    <!--<td>-->
                        <!--<label class="header1">-->
                            <!--<input class="onecheck" type="checkbox" data-price="{$vo.task_status!=2 ? $vo.task_price : 0}" name="ids" value="{$vo.tu_id}" onclick="onecheck(this);" />-->
                            <!--<i class="spot spot2"></i>-->
                        <!--</label>-->
                    <!--</td>-->
                    <!--<td>{:xuHao($key,$pages)}</td>-->
                    <!--<td>{$vo.tu_number?:''}</td>-->
                    <!--<td>{$tasktypes[$vo.task_type]?:''}</td>-->
                    <!--<td>{$vo.task_price?:''}</td>-->
                    <!--<td>{$vo.task_name?:''}</td>-->
                    <!--<td>{$vo.tu_task_active==1 ? '普通任务' : '活动任务'}</td>-->
                    <!--<td>{$vo.user_username?:''}</td>-->
                    <!--<td>{if $vo.tu_image}<img src="{$vo.tu_image}" width="50" height="50" />{else /}无{/if}</td>-->
                    <!--<td>{$vo.tu_receive_time?:''}</td>-->
                    <!--<td>{$vo.tu_submit_time!='0000-00-00 00:00'?:'无'}</td>-->
                    <!--<td>{$types[$vo.tu_status]?:''}</td>-->
                    <!--<td>{$vo.tu_reason?:''}</td>-->
                    <!--<td>{$vo.tu_do_time!='0000-00-00 00:00'?:'无'}</td>-->
                    <!--<td>-->
                        <!--<span class="name111" onclick="location.href = '/shop/Check/checkDetail?tu_id='+{$vo.tu_id};">详情</span>-->
                        <!--{if $vo.tu_status == 1}-->
                        <!--<span class="name111 oneagree" data-id="{$vo.tu_id}">通过</span>-->
                        <!--<span class="name111 onerefuse" data-id="{$vo.tu_id}">拒绝</span>-->
                        <!--{/if}-->
                        <!--{if $vo.tu_status != 1 && $vo.tu_status != 3}-->
                        <!--<span class="name111 del" data-id="{$vo.tu_id}">删除</span>-->
                        <!--{/if}-->
                    <!--</td>-->
                <!--</tr>-->
                <!--{/foreach}-->
                <!--{else/}-->
                <!--<tr>-->
                    <!--<td colspan="13" style="text-align: center;">暂无数据 ！</span></td>-->
                <!--</tr>-->
                <!--{/if}-->

            <!--</table>-->
        </div>
        <ul class="pagination flex-con" style="display: flex;justify-content: flex-end;">
            {$data->render()}
        </ul>
    </div>
</div>
<!--批量审核弹窗start-->
<style>
    .container2{
        width:520px;
        height:175px;
        background:#fff;
        box-shadow:0px 2px 8px 0px rgba(0,0,0,0.2);
        border-radius:5px 4px 4px 4px;
        position: absolute;;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        z-index: 99999;
    }
    .title{
        height:50px;
        line-height: 50px;
        font-size:16px;
        color:#333;
        padding-left:20px;
        border-bottom:1px solid #E9E9E9
    }
    .inputBox{
        padding-left:20px;
        padding-top:16px;
        padding-bottom:20px;
        display: flex;
        align-items: center;

    }
    input[type="radio"]{
        -webkit-appearance:none;
        width:16px;
        height:16px;
        border-radius:50%;
        border:1px solid #999;

    }
    input[type="radio"]:checked{
        width:16px;
        height:16px;
        background:url(__IMG__/select_blue.png) no-repeat center center;
        background-size:100% 100%;
    }
    .namee{
        color:#5C5B5B;
        font-size:14px;
        margin-left:10px;
        margin-right:44px;
    }
    .content{
        width:480px;
        height:50px;
        background:#fff;
        padding:0 20px;
    }
    textarea{
        width:100%;
        height:100px;
        overflow-y: auto;
        padding:0;
        border:1px solid #E9E9E9;
        background:rgba(0,0,0,0);
        border-radius:5px;
    }
    select{
        width:50%;
        height:30px;
        overflow-y: auto;
        padding:0;
        border:1px solid #E9E9E9;
        background:rgba(0,0,0,0);
        border-radius:5px;
    }
    .btnBox{
        width:100%;
        height:52px;
        position: absolute;;
        bottom:0;
        left:0;
        border-top:1px solid #E9E9E9;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        /*padding-top:10px;*/
    }
    button{
        width:88px;
        height:32px;
        line-height: 32px;
        text-align: center;
        font-size:14px;
        outline: none;
        border:0;
        margin-left:8px;
    }
    .cancel{
        border:1px solid #D9D9D9;
        border-radius:2px;
        background: rgba(0,0,0,0);
        color:#666666;
    }
    .sure{
        background:#2A63E7;
        border-radius:2px;
        color:#fff;
    }
    .ovfHiden{overflow: hidden;height: 100%;}
    textarea,select {
        padding: 5px;
    }


</style>
<div class="container2 hidden">
    <div class="title">批量审核</div>
    <div class="inputBox">
        <input type="radio" value="2" name="radioo" checked>
        <div class="namee">通过</div>
        <input type="radio" value="3" name="radioo">
        <div class="namee">拒绝</div>
    </div>
    <div class="content hidden">
        <!--<textarea name="name" id="jj_reason" placeholder="请输入拒绝的理由"></textarea>-->
        <select name="name" id="jj_reason">
            <option value="">请选择拒绝原因</option>
            {volist name='reasons' id='r'}
            <option value="{$r.reason_name}">{$r.reason_name}</option>
            {/volist}
        </select>
    </div>
    <div class="btnBox">
        <button class="cancel">取 消</button>
        <button class="sure">确定</button>&nbsp;
    </div>
</div>
<div class="all_div" style="display:none;width: 100%;height: 100%;background-color: gray;position: fixed;z-index: 100;background: rgba(0,0,0,0.5);top: 0;left: 0;padding: 0;margin: 0;"></div>
<div class="all_div2" style="display:none;width: 100%;height: 100%;background-color: gray;position: fixed;z-index: 100;background: rgba(0,0,0,0.5);top: 0;left: 0;padding: 0;margin: 0;"></div>
<!--批量审核弹窗-end-->
<!--单独审核弹窗start-->
<style>
    .container_one{
        width:520px;
        height:180px;
        background:#fff;
        box-shadow:0px 2px 8px 0px rgba(0,0,0,0.2);
        border-radius:5px 4px 4px 4px;
        position: absolute;;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        z-index: 99999;
    }
    .btnBox{
        width:100%;
        height:52px;
        position: absolute;;
        bottom:0;
        left:0;
        border-top:1px solid #E9E9E9;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        /*padding-top:10px;*/
    }
    button{
        width:88px;
        height:32px;
        line-height: 32px;
        text-align: center;
        font-size:14px;
        outline: none;
        border:0;
        margin-left:8px;
    }
    .cancel_one{
        border:1px solid #D9D9D9;
        border-radius:2px;
        background: rgba(0,0,0,0);
        color:#666666;
    }
    .sure_one{
        background:#2A63E7;
        border-radius:2px;
        color:#fff;
    }
</style>
<div class="container_one hidden">
    <div class="title">拒绝</div>
    <div class="content" style="padding-top: 10px">
        <!--<textarea name="name" id="jj_reason_one" placeholder="请输入拒绝的理由"></textarea>-->
        <select name="name" id="jj_reason_one">
            <option value="">请选择拒绝原因</option>
            {volist name='reasons' id='r'}
            <option value="{$r.reason_name}">{$r.reason_name}</option>
            {/volist}
        </select>
    </div>
    <div class="btnBox">
        <button class="cancel_one">取 消</button>
        <button class="sure_one">确定</button>&nbsp;
    </div>
</div>
<!--单独审核弹窗-end-->
<div class="img_big" style="position: fixed;width: 100%;top: 10px;margin: 0 auto;z-index: 99999;text-align: center;display: none;">
    <img src="" style="max-height: 600px" />
</div>
<a href="#miao" id="gomaodian"></a>
</body>
<input type="hidden" id="datanum" value="<?php echo count($data); ?>">
<!--评论操作时的id们和拒绝原因-->
<input type="hidden" id="pil_ids" value="">
<input type="hidden" id="pil_money" value="0">
<!--单个拒绝时的id-->
<input type="hidden" id="tuid_jj" value="">
{include file="public/footer"}
<script type="text/javascript" src="__JS__/api.js"></script>
<script type="text/javascript">
    /*筛选*/
    $("#search").click(function () {
        var data = $("#alls").serialize();
        window.location.href = '/shop/Check/checkPage?' + data+'&pic='+{$pic}+'&fen='+{$fen};
    });
    function selectclick() {
        if (document.getElementById('innerr').style.display != 'block') {
            document.getElementById('innerr').style.display = 'block';
        } else {
            document.getElementById('innerr').style.display = 'none';
        }
    }
    function selectclick1() {
        if (document.getElementById('innerr1').style.display != 'block') {
            document.getElementById('innerr1').style.display = 'block';
        } else {
            document.getElementById('innerr1').style.display = 'none';
        }
    }
    function selectclick2() {
        if (document.getElementById('innerr2').style.display != 'block') {
            document.getElementById('innerr2').style.display = 'block';
        } else {
            document.getElementById('innerr2').style.display = 'none';
        }
    }
    //1、类型筛选
    $('.innerr .optionn').click(function () {
        var val = $(this).attr('value');
        var text = $(this).text();
        $('#search1').val(val);
        $('.selecttttName').text(text);
        if(!val){
            val = 0;
        }
        $('.innerr .optionn').eq(val).addClass('option-active').siblings().removeClass('option-active');
        selectclick();
    });
    //2、状态筛选
    $('.innerr1 .optionn').click(function () {
        var val = $(this).attr('value');
        var text = $(this).text();
        $('#search2').val(val);
        $('.selecttttName1').text(text);
        if(!val){
            val = 0;
        }
        $('.innerr1 .optionn').eq(val).addClass('option-active').siblings().removeClass('option-active');
        selectclick1();
    });
    //3、状态筛选
    $('.innerr2 .optionn').click(function () {
        var val = $(this).attr('value');
        var text = $(this).text();
        $('#search3').val(val);
        $('.selecttttName2').text(text);
        if(!val){
            val = 0;
        }
        $('.innerr2 .optionn').eq(val).addClass('option-active').siblings().removeClass('option-active');
        selectclick2();
    });
    //全选或者取消
    function isallchoose(){
        var ainput = document.getElementsByName('ids');
        var status = document.getElementsByName('idsall')[0].checked;
        for (var i = 0 ; i< ainput.length;i++) {
            ainput[i].checked = status;
        }
    }
    //单个选中或取消
    function onecheck(obj) {
        var status = obj.checked;
        if(status == false){
            document.getElementsByName('idsall')[0].checked = status;
        }else{
            var all = $('#datanum').val();
            var checkedall = $('input[name="ids"]:checked').length;
            if(all == checkedall){
                document.getElementsByName('idsall')[0].checked = true;
            }
        }
    }
    //批量审核
    function bigdo() {
        var ids = $('input[name="ids"]:checked').length;
        if(ids <= 0){
            alert('不能为空，请至少选择一个！')
        }else{
            var checkedall = $('input[name="ids"]:checked');
            var str = '';
            var money = 0;//把总的金额传过去先累计一下够不够
            for (var i = 0 ; i< checkedall.length;i++) {
                var value = checkedall[i].value;
                var price = parseFloat(checkedall[i].getAttribute('data-price'));
                str += value+',';
                money += price;
            }
            $('#pil_ids').val(str);
            $('#pil_money').val(money);
            $('.container2').removeClass('hidden');
            $('.all_div').css('display','block');
            $('html,body').addClass('ovfHiden');
        }
    }
    //单个的审核通过
    $(".oneagree").click(function () {
        if(confirm('确认审核通过吗？')){
            var id = $(this).attr('data-id');
            $.ajax({
                url: '/shop/Check/agree',
                data: 'tu_id='+id,
                type: 'POST',
                dataType: 'JSON',
                success: function (returnData) {
                    alert(returnData.msg);
                    if(returnData.code == 200){
                        location.reload();
                    }
                },
                error: function () {
                    alert('数据出错，请刷新重试');
                }
            })
        }
    });
    //单个的审核拒绝：TODO：差个拒绝原因
    $(".onerefuse").click(function () {
        var id = $(this).attr('data-id');
        $('#tuid_jj').val(id);
        $('.container_one').removeClass('hidden');
        $('.all_div').css('display','block');
        $('html,body').addClass('ovfHiden');
    });
    //单个的删除
    $(".del").click(function () {
        if(confirm('确认删除吗？')){
            var id = $(this).attr('data-id');
            $.ajax({
                url: '/shop/Check/deleteCheck',
                data: 'tu_id='+id,
                type: 'POST',
                dataType: 'JSON',
                success: function (returnData) {
                    alert(returnData.msg);
                    if(returnData.code == 200){
                        location.reload();
                    }
                },
                error: function () {
                    alert('数据出错，请刷新重试');
                }
            })
        }
    });

</script>
<script>
    //    $('input[name="radioo"]:checked').length;
    $('input[name="radioo"]').click(function () {
        var value = $('input[name="radioo"]:checked').val();
        if(value == 2){
            $('.content').addClass('hidden');
            $('.container2').css('height','175px');
            $('.content').css('height','0');
            $('textarea').css('height','0');
        }else{
            $('.content').removeClass('hidden');
            $('.container2').css('height','215px');
            $('.content').css('height','50px');
            $('textarea').css('height','100px');
        }
    });
    $('.cancel').click(function () {
        $('.container2').addClass('hidden');
        $('.all_div').css('display','none');
        $('html,body').removeClass('ovfHiden');
    });
    $('.sure').click(function () {
        var ids = $('#pil_ids').val();
        var money = $('#pil_money').val();
        var status = $('input[name="radioo"]:checked').val();
        var reason = $('#jj_reason').val().trim();
        if(status == 2){
            reason = '';
        }
        if(ids == ''){
            alert('请至少选择一个！');
            return false;
        }else{
            if(status == 3 && reason==''){
                alert('请选择拒绝的原因！');
                return false;
            }else{
                $.ajax({
                    url: '/shop/Check/batchCheck',
                    data: 'tuids='+ids+'&money='+money+'&status='+status+'&reason='+reason,
                    type: 'POST',
                    dataType: 'JSON',
                    success: function (returnData) {
                        alert(returnData.msg);
                        if(returnData.code == 200){
                            location.reload();
                        }
                    },
                    error: function () {
                        alert('数据出错，请刷新重试');
                    }
                })
            }
        }
    });


    $('.cancel_one').click(function () {
        $('.container_one').addClass('hidden');
        $('.all_div').css('display','none');
        $('html,body').removeClass('ovfHiden');
    });
    $('.sure_one').click(function () {
        var id = $('#tuid_jj').val();
        var reason = $('#jj_reason_one').val().trim();

        if(id == ''){
            alert('请选择一个！');
            return false;
        }else{
            if(reason==''){
                alert('请选择拒绝的原因！');
                return false;
            }else{
                $.ajax({
                    url: '/shop/Check/refuse',
                    data: 'tu_id='+id+'&reason='+reason,
                    type: 'POST',
                    dataType: 'JSON',
                    success: function (returnData) {
                        alert(returnData.msg);
                        if(returnData.code == 200){
                            location.reload();
                        }
                    },
                    error: function () {
                        alert('数据出错，请刷新重试');
                    }
                })
            }
        }
    });
    //新加的
    $('.moreImg').click(function (event) {
        var i = $('.moreImg').index(this);
        var ji = $('.selectBox').eq(i).attr('data-ji');
        if(ji == 2){
            $('.selectBox').eq(i).attr('data-ji',1);
            $('.selectBox').eq(i).addClass('hidden');
        }else{
            $('.selectBox').addClass('hidden');
            $('.selectBox').attr('data-ji',1);
            $('.selectBox').eq(i).removeClass('hidden');
            $('.selectBox').eq(i).attr('data-ji',2);
        }

        event.stopPropagation();
    });
    $('.selectBox').click(function (event) {
        event.stopPropagation();
    });
    $('body').click(function (event) {
        $('.selectBox').addClass('hidden');
        $('.selectBox').attr('data-ji',1);
        event.stopPropagation();
    });
</script>
<script>
    $('.fullImg,.quanping').click(function(){ //quanping
        if($('.content_pic').hasClass('hidden')){
            $('.content_pic,#alls').removeClass('hidden');
            $('.tt_topAll').removeClass('hidden');
            $('.dddddd').addClass('hidden');
            $('.quanping').text('全屏');
        }else{
            $('.content_pic,#alls').addClass('hidden');
            $('.tt_topAll').addClass('hidden');
            $('.dddddd').removeClass('hidden');
            $('.quanping').text('取消全屏');
        }

    });
    //放大图片
    $('.screenImg').click(function (event) {
        $('#gomaodian').trigger('click');
        var src = $(this).attr('src');
        if(src){
            $('.img_big img').attr('src',src);
            $('.img_big').css('display','block');
            $('.all_div2').css('display','block');
        }

//    $('.all_div').css('display','block');
//    $('html,body').addClass('ovfHiden');
        event.stopPropagation();
    })
    $('.all_div2,.img_big').click(function (event) {
    $('.all_div2').css('display','none');
        $('.img_big').css('display','none');
//    $('html,body').removeClass('ovfHiden');
        event.stopPropagation();
    })
</script>